<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="map.min.css">
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script src="map.min.js"></script>
</head>
<body>
	<div class="payment_time_mask" style="display: block;">
		<div id="tip" align="left">
			<img class="search" src="images/icon_search.png">
		    <input type="text" id="keyword" style="" class="keyword" name="keyword" placeholder="请输入关键字：(选定后搜索)">	 
		 	<span class="back"></span>
		</div>
	</div>
</body>
<script>
	/*
		搜索地图
	*/
	AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){
	      var autoOptions = { 
	        city: "郑州", //城市，默认全国
	        input: "keyword"//使用联想输入的input的id
	      };
	      autocomplete= new AMap.Autocomplete(autoOptions);
	      AMap.event.addListener(autocomplete, "select", function(e){
		  //alert(e.poi.district);
		  $("#keyword").val(e.poi.district+e.poi.name);
	         //TODO 针对选中的poi实现自己的功能
	      });
	});
</script>
</html>